import React from "react";
import { Table } from "antd";

/**
 * 公共用户表格组件
 * @param {Array} columns - 表格列配置
 * @param {Array} data - 表格数据
 * @param {boolean} loading - 是否显示加载状态
 * @returns {JSX.Element}
 */
function UserTable({ columns, data, loading }) {
  return (
    <div
      style={{
        height: "100%",
        overflow: "hidden", // 隐藏外部滚动条
      }}
    >
      <Table
        columns={columns}
        dataSource={data}
        rowKey="id"
        loading={loading}
        pagination={{ pageSize: 10 }} // 每页显示 10 条数据
        scroll={{
          x: "max-content", // 表格水平滚动
          y: "calc(100vh - 300px)", // 表格垂直滚动，动态计算高度
        }}
      />
    </div>
  );
}

export default UserTable;
